<template>
    <div id="freeZone">
        <header>
            <i @click="goBack()"></i>
            <div>404</div>
        </header>
        <ul class="freeList">
            <div class='mc'>
                <img src="../image/no_collection@2x.png" width='110' alt="">
                <p>404找不到</p>
            </div>
        </ul>
    </div>
</template>
<script>
    export default {
        data() {
          return {
            
          }
        },
        methods: {
            goBack() {
                this.$router.back();
            },
        },
        created() {
        
        },
        
    }
</script>
<style lang="scss" scoped>
  .mc {
    padding: 40px 0;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    img {
      display: block;
      margin: 0 auto;
    }
    p {
      padding-top: 10px;
      text-align: center;
    }
  }
</style>
